<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>watch页面</title>
		<link rel="stylesheet" type="text/css" href="css/cube.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		
		<script src="js/jquery-1.12.4.min.js" type="text/javascript"></script>
		<script src="js/init.js" type="text/javascript"></script>
		<script src="js/bootstrap.min.js" type="text/javascript"></script>
	</head>
	<body>
<!--	nav-->
	<nav class="navbar navbar-inverse">
  		<div class="container">
  		  <ul class="head">
  			<li><a href="index.html"><span class="iconfont">&#xe602;</span></a></li>
  			<li><a href="mac.html">Mac</a></li>
  			<li><a href="iPad.html">iPad</a></li>
  			<li><a href="iPhone.html">iPhone</a></li>
  			<li><a href="#" style="opacity:0.65;">Watch</a></li>
  			<li><a href="music.html">Music</a></li>
  			<li><a href="#">技术支持</a></li>
  			<li><a href="#"><span class="iconfont">&#xe601;</span></a></li>
  			<li id="gou"><a href="#"><span class="iconfont">&#xe60c;</span></a></li>
  		  </ul>
  		  
  		</div>
	</nav>
	
<!--head-->
	<header style="background:rgba(255,255,255,0.7);">
		<div class="shopping">
			<div class="sanjiao"></div>
			<p>你的购物袋是空的</p>
			<ul>
				<li><a href="#"><img src="images/bag.svg"/ style="margin-right:10px;">购物袋</a></li>
				<li><a href="#"><img src="images/favorites.svg"/ style="margin-right:10px;">收藏</a></li>
				<li><a href="#"><img src="images/orders.svg"/ style="margin-right:10px;">订单</a></li>
				<li><a href="#"><img src="images/account.svg"/ style="margin-right:10px;">账户</a></li>
				<li><a href="#"><img src="images/signIn.svg"/ style="margin-right:10px;">登录</a></li>
			</ul>
		</div>
		<div class="container">
		<ul class="picture">
			<li><a href="#"><img src="images/watch_nav1.svg"/><br/>
				<span>Apple Watch<br>Series 2</span></a></li>
			<li><a href="#"><img src="images/watch_nav2.svg"/><br/>
				<span>Apple Watch<br>Nike+</span></a></li>
			<li><a href="#"><img src="images/watch_nav3.svg"/><br/>
				<span>Apple Watch<br>Hermès</span></a></li>
			<li><a href="#"><img src="images/watch_nav4.svg"/><br/>
				<span>Apple Watch<br>Edition</span></a></li>
			<li><a href="#"><img src="images/watch_nav5.svg"/><br/>
				<span>Apple Watch<br>Series 1</span></a></li>
			<li><a href="#"><img src="images/watch_nav6.svg"/><br/>
				<span>watchOS</span></a></li>
			<li><a href="#"><img src="images/watch_nav7.svg"/><br/>
				<span>表带</span></a></li>
			<li><a href="#"><img src="images/watch_nav8.svg"/><br/>
				<span>配件</span></a></li>
			<li><a href="#"><img src="images/watch_nav9.svg"/><br/>
				<span>表款比较</span></a></li>
		</ul>
		</div>
	</header>
<!--banner-->
	<div class="banner-watch">
		<div class="container">
			<img src="images/logo_watch_seriese.png"/>
			<p><a href="#">进一步了解</a>&nbsp;&gt;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">购买</a>&nbsp;&gt;</p>
		</div>
		<a href="#"><img class="watch1" src="images/banner-watch.jpg"/></a>
	</div>
<!--主体-->
<!--第一张图-->
	<div class="container-fluid watch-page1">
		<div class="row">
			<div class="col-lg-6 watch-items1">
				<img src="images/logo_watch.png"/>
				<p><a href="#">进一步了解&nbsp;</a>&gt;&nbsp;&nbsp;&nbsp;<a href="#">购买&nbsp;</a>&gt;</p>
				<img class="img-responsive" src="images/nike.jpg"/>
			</div>
			<div class="col-lg-6 watch-items1" style="margin:0 0 0 25px">
				<img src="images/logo_watch2.png"/>
				<p><a href="#">进一步了解&nbsp;</a>&gt;&nbsp;&nbsp;&nbsp;<a href="#">购买&nbsp;</a>&gt;</p>
				<img class="responsive" src="images/hermes.jpg"/>
			</div>
		</div>
	</div>
<!--第二张图-->
	<div class="watch-page2">
		<img src="images/logo_watch_edition.png"/>
		<h2>精密陶瓷款璀璨登场。</h2>
		<p><a href="#">进一步了解&nbsp;</a>&gt;&nbsp;&nbsp;&nbsp;<a href="#">购买&nbsp;</a>&gt;</p>
		<img src="images/edition.jpg"/>
	</div>
<!--第三张图-->
	<div class="watch-page3">
		<img src="images/series.jpg"/><br>
		<img class="watch-items2" src="images/logo_watch_series2.png"/>
		<p><a href="#">进一步了解&nbsp;</a>&gt;&nbsp;&nbsp;&nbsp;<a href="#">购买&nbsp;</a>&gt;</p>
	</div>
<!--第四张图-->
	<div class="watch-page4">
		<img src="images/gallery.jpg"/>
		<div class="watch-items4">
			<h1>Apple Watch&nbsp;互动式表廊</h1>
			<h2><a href="#">混搭各款表壳、表带和表盘&nbsp;<span class="glyphicon glyphicon-plus-sign"></span></a></h2>
		</div>
	</div>
<!--第五张图-->
	<div class="watch-page5 clearfix">
		<a href="#"><img class="pull-left" src="images/bands.jpg"/></a>
		<a href="#"><img class="pull-right" src="images/accessories1.jpg"/></a>
	</div>
	<div class="container model">
		<div class="row">
			<div class="col-lg-6">
				<h1>换个造型。</h1>
				<p><a href="#" style="color:#0070c9;">选购边带</a>&nbsp;&gt;</p>
			</div>
			<div class="col-lg-6">
				<h1>天作之合。</h1>
				<p><a href="#" style="color:#0070c9;">选购配件</a>&nbsp;&gt;</p>
			</div>
		</div>
	</div>
<!--第六张图-->
	<div class="watch-page3">
		<img src="images/compare.jpg"/>
	</div>
	<div class="watch-items4">
			<h1>Apple Watch&nbsp;表款比较。</h1>
			<h2><a href="#">找到适合自己的&nbsp;Apple Watch&nbsp;</a>&gt;</h2>
	</div>
<!--第七张图-->
	<div class="watch-page5 clearfix">
		<a href="#"><img class="pull-left" src="images/watchos.jpg"/></a>
		<a href="#"><img class="pull-right" src="images/films.jpg"/></a>
	</div>
	<div class="container model">
		<div class="row">
			<div class="col-lg-6">
				<h1>watchOS</h1>
				<p><a href="#" style="color:#0070c9;">进一步了解</a>&nbsp;&gt;</p>
			</div>
			<div class="col-lg-6">
				<h1>影片和广告</h1>
				<p><a href="#" style="color:#0070c9;">立即观看</a>&nbsp;&gt;</p>
			</div>
		</div>
	</div>
<!--第八张图-->
	<div class="pickup" style="background:#f2f2f2;">
		<div class="container">
			<div class="row">
				<div class="col-lg-6">
					<img src="images/pickup.png"/>
					<h3>前往零售店</h3>
					<p>到 Apple Store 零售店亲身体验各种 Apple 产品，<br/>我们还将为你解答相关问题。</p>
					<span><a href="#">进一步了解&nbsp;&gt;</a></span>
				</div>
				<div class="col-lg-6">
					<img src="images/shipping.png"/>
					<h3>免费送货</h3>
					<p>享受免费送货上门服务。</p>
					<span><a href="#">进一步了解&nbsp;&gt;</a></span>
				</div>
			</div>
		</div>
	</div>
<!--footer-->
<footer>
	<div class="container buy">
		<p>某些功能仅适用于部分地区或语言。需要使用 iPhone 5 或更新机型。</p>
		<div class="row">
			<h4 class="iconfont" style="padding-left:15px;">&#xe602;&nbsp;&gt;&nbsp;Watch</h4>
			<div class="col-lg-2">
				<h3>选购及了解</h3>
				<ul>
					<li><a href="#">Mac</a></li>
					<li><a href="#">iPad</a></li>
					<li><a href="#">iPhone</a></li>
					<li><a href="#">Watch</a></li>
					<li><a href="#">Music</a></li>
					<li><a href="#">iTunes</a></li>
					<li><a href="#">iPod</a></li>
					<li><a href="#">配件</a></li>
					<li><a href="#">APP&nbsp;Store充值卡</a></li>
				</ul>
			</div>
			<div class="col-lg-3" style="padding-left:30px;">
				<h3>Apple Store 商店</h3>
				<ul>
					<li><a href="#">查找零售店</a></li>
					<li><a href="#">Genius Bar 天才吧</a></li>
					<li><a href="#">讲座和学习</a></li>
					<li><a href="#">青少年活动</a></li>
					<li><a href="#">Apple Store App</a></li>
					<li><a href="#">翻新和优惠</a></li>
					<li><a href="#">分期付款</a></li>
					<li><a href="#">重复使用和循环利用</a></li>
					<li><a href="#">订单状态</a></li>
					<li><a href="#">选购帮助</a></li>
				</ul>
			</div>
			<div class="col-lg-2">
				<h3>教育与应用</h3>
				<ul>
					<li><a href="#">Apple 与教育</a></li>
					<li><a href="#">高校师生选购</a></li>
				</ul>
				<h3>商务应用</h3>
				<ul>
					<li><a href="#">Apple 与商务</a></li>
					<li><a href="#">商务选购</a></li>
				</ul>
			</div>
			<div class="col-lg-2">
				<h3>账户</h3>
				<ul>
					<li><a href="#">管理你的Apple ID</a></li>
					<li><a href="#">Apple store账户</a></li>
					<li><a href="#">iCloud.com</a></li>
				</ul>
				<h3>Apple 价值观</h3>
				<ul>
					<li><a href="#">辅助功能</a></li>
					<li><a href="#">环境责任</a></li>
					<li><a href="#">隐私</a></li>
					<li><a href="#">供应商责任</a></li>
				</ul>
			</div>
			<div class="col-lg-2">
				<h3>关于Apple</h3>
				<ul>
					<li><a href="#">Apple资讯</a></li>
					<li><a href="#">工作机会</a></li>
					<li><a href="#">媒体资讯</a></li>
					<li><a href="#">活动</a></li>
					<li><a href="#">联系Apple</a></li>
				</ul>
			</div>	
		</div>
		<p>更多选购方式：前往<a href="#"> Apple Store</a> 零售店，致电 400-666-8800 或查找在你附近的<a href="#">授权经销商</a>。</p>
		<div class="privice" style="margin-bottom:25px;">
			<span style="color:#888;margin-right:30px;">Copyright © 2017 Apple Inc. 保留所有权利。</span>
			<a href="#">隐私政策</a>
			<a href="#">使用条款</a>
			<a href="#">销售政策</a>
			<a href="#">法律信息</a>
			<a href="#">网站地图</a>
			<span style="float:right;"><a href="#" style="border:0;padding:0;margin:0;"><img src="images/16.png"/>&nbsp;中国</a></span>
		</div>
	</div>
</footer>
	<script src="js/text.js" type="text/javascript"></script>
	</body>
</html>
